
.icon {
  font-size: 18px;
  color: white;
}

.title {
  margin-left: 8px;
}

.dot {
  margin-right: 8px;
  font-size: 18px;
  line-height: 50px;
}

.logo {
  width: 174px;
  height: 78px;
  margin: 0 auto;
}

.el-menu {
  border: none;
}

.el-menu-vertical-demo {
  min-height: 100vh !important;
  overflow-x: hidden !important;
}

.el-menu--collapse {
  width: 64px;
  background-color: #252529 !important;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 100vh;
  background-color: #252529 !important;
}

/*当前激活背景色*/
.is-active {
  background: #0077F8 !important;
}

/*当前激活字体颜色*/
.is-active > span {
  color: #fff !important;
}

/*每项菜单字体颜色*/
.el-submenu__title > span, .el-menu-item {
  color: #fff !important;
}

.el-menu-item:hover {
  background: #696969 !important;
}

.title_unfold, .title_fold {
  height: 59px;
  border: 1px solid rgba(46, 46, 51, 1);
}

.title_fold {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
